<template>
    <div :style="{ color: getName(props.status).color }">
      {{ getName(props.status).text }}
    </div>
  </template>
  
  <script lang="ts" setup>
  const props = defineProps({
    status: {
      type: Number,
    },
  })
  
  const getName = computed(() => {
    return (key) => {
      switch (key) {
        case 1:
          return {
            color: '#02A7F0',
            text: '待执行',
          }
        case 2:
          return {
            color: '#70b603fe',
            text: '已执行',
          }
        case 3:
          return {
            color: 'rgba(127, 127, 127, 0.996078431372549)',
            text: '已取消',
          }
        default:
          return {
            color: '',
            text: '/',
          }
      }
    }
  })
  </script>
  
  <style lang="scss" scoped></style>
  